<!--日志web-App-->
<div>
    <ion-side-menus>
        <!--左侧栏-->
        <ion-side-menu side="left">
            <ion-header-bar class="bar-positive">
                <button class="button button-clear">清空</button>
                <h1 class="title">日志分类</h1>
                <button class="button button-icon" on-touch="method.addCate()">
                    <i class="icon ion-plus"></i>
                </button>
            </ion-header-bar>
            <ion-content>
                <ion-item ng-repeat="cate in cateID" ng-class="{active: activeIndex == $index}" on-hold="method.delCate(cate, $index)" on-touch="method.showDiarys($index);">
                    <p>{{ cate }}</p>
                </ion-item>
            </ion-content>
        </ion-side-menu>
        <!--中心主要内容区域-->
        <ion-side-menu-content>
            <ion-header-bar class="bar-positive">
                <button class="button button-icon" on-touch="method.slide('left')">
                    <i class="icon ion-navicon"></i>
                </button>
                <h1 class="title">{{ activeCate || "无分类"}}</h1>
                <button class="button button-icon" on-touch="method.modalCtrl('newOne', 'show')">
                    <i class="icon ion-compose"></i>
                </button>
            </ion-header-bar>
            <ion-content>
                <!--下拉刷新-->
                <ion-refresher pulling-text="loading.." on-refresh="method.load()" spinner="android">
                </ion-refresher>
                <ion-item class="icon-right clearfix" ng-repeat="list in activeList" on-touch="method.showDiary(list, $index)" on-hold="method.delDiary(list)">
                    <!--移动端不具有hover事件，长按触发删除事件-->
                    <p>{{ list.title }}<small class="pull-right">{{ list.time }}</small></p>
                </ion-item>
                <!--上拉刷新-->
                <ion-infinite on-infinite="method.load()" spinner="android"></ion-infinite>
            </ion-content>
        </ion-side-menu-content>
    </ion-side-menus>
</div>
